﻿<!DOCTYPE html>
<html>
  <head>
    <title>表单纵排 Form Vertical</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/_____form_vertical/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/_____form_vertical/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u9655" class="ax_default" data-label="背景">
        <div id="u9655_state0" class="panel_state" data-label="State1" style="">
          <div id="u9655_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u9656" class="ax_default" data-label="线条">
        <div id="u9656_state0" class="panel_state" data-label="State1" style="">
          <div id="u9656_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9657" class="ax_default _默认样式">
        <div id="u9657_div" class=""></div>
        <div id="u9657_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9658" class="ax_default _默认样式">
        <div id="u9658_div" class=""></div>
        <div id="u9658_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u9660" class="ax_default _默认样式">
        <img id="u9660_img" class="img " src="images/___icons/u605.png"/>
        <div id="u9660_text" class="text ">
          <p><span>Copyright © </span><a id="u9661" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u9662" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="110">

        <!-- Unnamed (Rectangle) -->
        <div id="u9663" class="ax_default _默认样式">
          <div id="u9663_div" class=""></div>
          <div id="u9663_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">在实际的项目原型设计中，出于节约时间成本和便于维护等因素考虑，建议不要过多的使用动态的表单效果。在表单排版时可以根据字段的数量或类型选择对应的方式，下面为常见的表单纵排示例，一般应用于数量较多的字段输入类型。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9664" class="ax_default _默认样式">
          <div id="u9664_div" class=""></div>
          <div id="u9664_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9665" class="ax_default _默认样式">
        <div id="u9665_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9666" class="ax_default _默认样式">
        <div id="u9666_div" class=""></div>
        <div id="u9666_text" class="text ">
          <p><span>公司信息表单</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9667" class="ax_default _默认样式">
        <div id="u9667_div" class=""></div>
        <div id="u9667_text" class="text ">
          <p><span>基础信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9668" class="ax_default _默认样式">
        <div id="u9668_div" class=""></div>
        <div id="u9668_text" class="text ">
          <p><span>请填写公司名称</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9669" class="ax_default _默认样式">
        <div id="u9669_div" class=""></div>
        <div id="u9669_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 公司名称：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9670" class="ax_default _默认样式">
        <div id="u9670_div" class=""></div>
        <div id="u9670_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 行业类型：</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u9671" class="ax_default" data-left="376" data-top="430" data-width="400" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u9672" class="ax_default _默认样式">
          <div id="u9672_div" class=""></div>
          <div id="u9672_text" class="text ">
            <p><span>请选择行业类别</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9673" class="ax_default _默认样式">
          <div id="u9673_div" class=""></div>
          <div id="u9673_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9674" class="ax_default _默认样式">
        <div id="u9674_div" class=""></div>
        <div id="u9674_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 所在区域：</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u9675" class="ax_default" data-left="376" data-top="490" data-width="400" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u9676" class="ax_default _默认样式">
          <div id="u9676_div" class=""></div>
          <div id="u9676_text" class="text ">
            <p><span>请选择所在区域</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9677" class="ax_default _默认样式">
          <div id="u9677_div" class=""></div>
          <div id="u9677_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9678" class="ax_default _默认样式">
        <div id="u9678_div" class=""></div>
        <div id="u9678_text" class="text ">
          <p><span>请填写邮编</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9679" class="ax_default _默认样式">
        <div id="u9679_div" class=""></div>
        <div id="u9679_text" class="text ">
          <p><span>邮编：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9680" class="ax_default _默认样式">
        <div id="u9680_div" class=""></div>
        <div id="u9680_text" class="text ">
          <p><span>请填写联系人</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9681" class="ax_default _默认样式">
        <div id="u9681_div" class=""></div>
        <div id="u9681_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 联系人：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9682" class="ax_default _默认样式">
        <div id="u9682_div" class=""></div>
        <div id="u9682_text" class="text ">
          <p><span>请填写职位</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9683" class="ax_default _默认样式">
        <div id="u9683_div" class=""></div>
        <div id="u9683_text" class="text ">
          <p><span>职位：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9684" class="ax_default _默认样式">
        <div id="u9684_div" class=""></div>
        <div id="u9684_text" class="text ">
          <p><span>请填写手机号码</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9685" class="ax_default _默认样式">
        <div id="u9685_div" class=""></div>
        <div id="u9685_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 手机号码：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9686" class="ax_default _默认样式">
        <div id="u9686_div" class=""></div>
        <div id="u9686_text" class="text ">
          <p><span>请填写QQ</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9687" class="ax_default _默认样式">
        <div id="u9687_div" class=""></div>
        <div id="u9687_text" class="text ">
          <p><span>QQ：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9688" class="ax_default _默认样式">
        <div id="u9688_div" class=""></div>
        <div id="u9688_text" class="text ">
          <p><span>请填写邮箱</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9689" class="ax_default _默认样式">
        <div id="u9689_div" class=""></div>
        <div id="u9689_text" class="text ">
          <p><span>邮箱：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9690" class="ax_default _默认样式">
        <div id="u9690_div" class=""></div>
        <div id="u9690_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 公司LOGO：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9691" class="ax_default _默认样式">
        <div id="u9691_div" class=""></div>
        <div id="u9691_text" class="text ">
          <p style="font-size:28px;"><span style="font-family:'FontAwesome';font-weight:400;"></span></p><p style="font-size:14px;"><span style="font-family:'微软雅黑';font-weight:400;">上传图片</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9692" class="ax_default _默认样式">
        <div id="u9692_div" class=""></div>
        <div id="u9692_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 详细地址：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9693" class="ax_default _默认样式">
        <div id="u9693_div" class=""></div>
        <div id="u9693_text" class="text ">
          <p><span>请填写详细地址</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9694" class="ax_default _默认样式">
        <div id="u9694_div" class=""></div>
        <div id="u9694_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 电话：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9695" class="ax_default _默认样式">
        <div id="u9695_div" class=""></div>
        <div id="u9695_text" class="text ">
          <p><span>请填写电话</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9696" class="ax_default _默认样式">
        <div id="u9696_div" class=""></div>
        <div id="u9696_text" class="text ">
          <p><span>传真：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9697" class="ax_default _默认样式">
        <div id="u9697_div" class=""></div>
        <div id="u9697_text" class="text ">
          <p><span>请填写传真</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9698" class="ax_default _默认样式">
        <div id="u9698_div" class=""></div>
        <div id="u9698_text" class="text ">
          <p><span>网址：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9699" class="ax_default _默认样式">
        <div id="u9699_div" class=""></div>
        <div id="u9699_text" class="text ">
          <p><span>请填写网址</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9700" class="ax_default _默认样式">
        <div id="u9700_div" class=""></div>
        <div id="u9700_text" class="text ">
          <p><span>公司介绍：</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u9701" class="ax_default" data-left="376" data-top="1352" data-width="400" data-height="160">

        <!-- Unnamed (Rectangle) -->
        <div id="u9702" class="ax_default _默认样式">
          <div id="u9702_div" class=""></div>
          <div id="u9702_text" class="text ">
            <p><span>请输入介绍信息</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9703" class="ax_default _默认样式">
          <div id="u9703_div" class=""></div>
          <div id="u9703_text" class="text ">
            <p><span>已输入0/300</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9704" class="ax_default _默认样式">
        <div id="u9704_div" class=""></div>
        <div id="u9704_text" class="text ">
          <p><span>财务信息</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9705" class="ax_default _默认样式">
        <div id="u9705_div" class=""></div>
        <div id="u9705_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 企业税号：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9706" class="ax_default _默认样式">
        <div id="u9706_div" class=""></div>
        <div id="u9706_text" class="text ">
          <p><span>请填写企业税号</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9707" class="ax_default _默认样式">
        <div id="u9707_div" class=""></div>
        <div id="u9707_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 开户银行：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9708" class="ax_default _默认样式">
        <div id="u9708_div" class=""></div>
        <div id="u9708_text" class="text ">
          <p><span>请填写开户银行</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9709" class="ax_default _默认样式">
        <div id="u9709_div" class=""></div>
        <div id="u9709_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 银行账号：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9710" class="ax_default _默认样式">
        <div id="u9710_div" class=""></div>
        <div id="u9710_text" class="text ">
          <p><span>请填写银行账号</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9711" class="ax_default _默认样式">
        <div id="u9711_div" class=""></div>
        <div id="u9711_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 发票抬头：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9712" class="ax_default _默认样式">
        <div id="u9712_div" class=""></div>
        <div id="u9712_text" class="text ">
          <p><span>请填写发票抬头</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9713" class="ax_default _默认样式">
        <div id="u9713_div" class=""></div>
        <div id="u9713_text" class="text ">
          <p><span>提交</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9714" class="ax_default _默认样式">
        <div id="u9714_div" class=""></div>
        <div id="u9714_text" class="text ">
          <p><span>重置</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9715" class="ax_default _默认样式">
        <div id="u9715_div" class=""></div>
        <div id="u9715_text" class="text ">
          <p><span>公司详情</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9716" class="ax_default _默认样式">
        <div id="u9716_div" class=""></div>
        <div id="u9716_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> </span><span style="color:#999999;">为必填项</span></p>
        </div>
      </div>

      <!-- 填写帮助 (Group) -->
      <div id="u9717" class="ax_default" data-label="填写帮助" data-left="776" data-top="370" data-width="89" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u9718" class="ax_default _默认样式">
          <div id="u9718_div" class=""></div>
          <div id="u9718_text" class="text ">
            <p style="font-size:16px;"><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;font-size:12px;"> 填写帮助</span><span style="font-family:'微软雅黑';font-weight:400;font-size:14px;"> </span></p>
          </div>
        </div>

        <!-- 提示 (Speech Bubble) -->
        <div id="u9719" class="ax_default _默认样式 ax_default_hidden" data-label="提示" style="display:none; visibility: hidden">
          <img id="u9719_img" class="img " src="images/_____form_vertical/提示_u9719.png"/>
          <div id="u9719_text" class="text ">
            <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> 请填写营业执照上完整的公司名称</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9720" class="ax_default _默认样式">
        <div id="u9720_div" class=""></div>
        <div id="u9720_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 电话号码：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9721" class="ax_default _默认样式">
        <div id="u9721_div" class=""></div>
        <div id="u9721_text" class="text ">
          <p><span>请填写电话号码</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9722" class="ax_default _默认样式">
        <div id="u9722_div" class=""></div>
        <div id="u9722_text" class="text ">
          <p><span style="color:#FF3B30;">*</span><span> 单位地址：</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9723" class="ax_default _默认样式">
        <div id="u9723_div" class=""></div>
        <div id="u9723_text" class="text ">
          <p><span>请填写单位地址</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
